@charset "UTF-8";

// 命名空间 namespace
$ns-lyt : "l-";    // 布局(layouts)
$ns-obj : "o-";    // 对象(objects)
$ns-comp: "c-";    // 组件(components)
$ns-is  : "is-";   // 状态类，一般现在时(state classes)
$ns-has : "has-";  // 状态类，现在完成时(state classes)
$ns-util: "u-";    // 实用类(utility classes)

// 栅格
$grid-num      : 12;    // 栅格数
$grid-col-space: 20px;  // 栅格默认间距，有 has-space 时生效

// 文本框尺寸
$input-pd-lr  : 10px;
$input-size-lg: 42px;
$input-size-md: 36px;
$input-size-sm: 30px;
$input-size-xs: 24px;

$input-number-btn-wt: 34px;
$input-checkbox-size: $input-size-md / 2;

$input-radius: 4px;  // 文本框、按钮圆角

// 开关
$switch-wt           : 52px;
$switch-ht           : $switch-wt / 2;
$switch-pointer-space: 2px;  // 移动圆点与父容器间隙

// 按钮
$btn-ft-size: 14px;
$btn-pd-tb  : ($input-size-md - ($btn-ft-size + 2px)) / 2;
$btn-pd-lr  : $btn-pd-tb + 5px;

$row-space  : 15px;  // 行垂直间距
$label-space: 12px;  // 相邻 label 间距

// 悬停提示框
$tooltip-space     : 3px;   // 提示框距离目标的间距
$tooltip-arrow-size: 8px;   // 指示箭头尺寸
$tooltip-cont-ht   : 30px;  // 内容区高度
